<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>权限管理</title>
    <script src="http://localhost:10000/js/jquery-1.11.3.min.js"></script>
    <style>
    </style>
</head>
<body>
<!---->


<table >
    <tr>
        <td>系统管理 >> 权限管理</td>
    </tr>
    <tr>
        <td>
            查询
        </td>
    </tr>
</table>
<form action="Perm.do">
    <table border="1" width=90% solid #505ca0>
        <tr><!--4行，11列 -->
            <td>
                权限id
            </td>
            <td colspan="10">
                <input type="text" id="permID" name="permID" th:value="${session.permID}"/>
            </td>
        </tr>
        <tr>
            <td>
                权限名称
            </td>
            <td colspan="10">
                <input type="text" id="permName" name="permName" th:value="${session.permName}"/>
            </td>
        </tr>

        <tr>
            <td>
            <input type="hidden" th:value="${session.pageInfo.getPageNum()}" id="pageNum"></td>
            <td colspan="11"> <input type="submit" value="查询">
        </td></tr>
    </table>
    每页显示条数<select name="pageSize" id="pageSize" onchange="lastpage1(this.value)">
    <option th:selected="${session.pageInfo.pageSize==15}">15</option>
    <option th:selected="${session.pageInfo.pageSize==10}">10</option>
    <option th:selected="${session.pageInfo.pageSize==5}">5</option>
</select></form>
<table>
    <tr><td height="50px"></td></tr>
</table>
<label th:if="${session.pageInfo.size==0}" style="color: #ff4400">
    没有查到任何数据!请核对查询信息
</label>

<table border="1" width=90% th:if="${session.pageInfo.size!=0}">
    <tr>
        <td>权限ID</td><td>权限名称</td><td>编辑时间</td><td>操作</td>
    </tr>
    <tr th:each="everyCus:${session.pageInfo.getList()}" id="tr1">
        <td th:text="${everyCus.permID}" ></td>
        <td th:text="${everyCus.permName}" ></td>
        <td th:text="${everyCus.permEditTime}"></td>
        <td><button th:text="删除" th:value="${everyCus.permID}" onclick="delete1(this.value)">删除</button></td>
    </tr>
    <tr>
        <button th:value="${session.pageInfo.getPageNum()>1?session.pageInfo.getPageNum()-1:session.pageInfo.getPageNum()}" onclick="lastpage(this.value)">上一页</button>
        <button th:value="${session.pageInfo.getPageNum()<session.pageInfo.getPages()?session.pageInfo.getPageNum()+1:session.pageInfo.getPageNum()}" onclick="lastpage(this.value)">下一页</button>
    </tr>
</table>


<!--<table>-->
<!--    <tr><td height="50px">权限信息管理</td></tr>-->
<!--</table>-->

<!--<form>-->
<!--    <table border="1" width=90% >&lt;!&ndash; 11行11列&ndash;&gt;-->
<!--        <tr>-->
<!--            <td>-->
<!--                权限名称-->
<!--            </td>-->
<!--            <td colspan="10">-->
<!--                <input type="text"/>-->
<!--            </td>-->
<!--        </tr>-->

<!--        <tr>-->
<!--            <td>-->
<!--                备注-->
<!--            </td>-->
<!--            <td colspan="10">-->
<!--                <textarea name="textfield3" cols="30" rows="3"></textarea>-->
<!--            </td>-->
<!--        </tr>-->

<!--        <tr>-->
<!--            <td>-->
<!--                编辑时间-->
<!--            </td>-->
<!--            <td colspan="10">-->
<!--                <input type="text"/>-->
<!--            </td>-->
<!--        </tr>-->

<!--        <tr>-->
<!--            <td>-->
<!--                状态-->
<!--            </td>-->
<!--            <td colspan="10">-->
<!--                <input id="state" type="radio" checked="checked" name="state"/>删除-->
<!--                <input type="radio" name="state" />活动-->
<!--            </td>-->
<!--        </tr>-->

<!--        <tr>-->
<!--            <td>-->

<!--            </td>-->
<!--            <td colspan="10">-->

<!--                <button type="button">提交</button>-->
<!--                <button type="button">重置</button>-->
<!--            </td>-->
<!--        </tr>-->
<!--    </table>-->
<!--</form>-->
</body>
<script type="text/javascript">
    //上一页和下一页  86,96
    function lastpage(page) {
        var permName = $("#permName").val();
        var permID = $("#permID").val();
        var pageSize = $("#pageSize").val();
        window.location = "Perm.do?pageNum="+page+"&pageSize="+pageSize+"&permName="+permName+"&permID="+permID;
    }
    //每页查询
    function lastpage1(page) {
        var permName = $("#permName").val();
        var permID = $("#permID").val();
        var pageNum = $("#pageNum").val();
        window.location = "Perm1.do?pageNum="+pageNum+"&pageSize="+page+"&permName="+permName+"&permID="+permID;
    }

    function delete1(permID){
        var pageNum=$("#pageNum").val();
        var pageSize=$("#pageSize").val();
        var permID1 = $("#permID").val();
        var permName = $("#permName").val();
        window.location ="Perm1.do?permID="+permID+"&pageSize="+pageSize+"&pageNum="+pageNum+"&permName="+permName+"&permID1="+permID1;
    }
</script>
</html>
